@import "reset";

//global.scss规定了整个站点的公共样式、公共方法和公共参数
//实现px2rem方法，将px转为rem
// 1rem = fontSize px
// 1px -= (1 / fontSize)rem
$fontSize: 37.5;
@function px2rem($px) {
  @return ($px /$fontSize) + rem;
}

@mixin center(){
  display: flex;
  justify-content: center;
  align-content: center;
}

.icon {
  color: #333;
  font-size: px2rem(20);
}
.slide-down-enter, .slide-down-leave-to{
  transform: translate3d(0, -100%, 0);
}
.slide-down-enter-to, .slide-down-leave,
.slide-up-enter-to, .slide-up-leave{
  transform: translate3d(0, 0, 0);
}
.slide-down-enter-active, .slide-down-leave-active,
.slide-up-enter-active, .slide-up-leave-active{
  transition: all .3s linear;
}
.slide-up-enter,.slide-up-leave-to{
  transform: translate3d(0, px2rem(108), 0);
}
